<template>
    <div class="gywmPage">
        <div class="gywm_img hidden-md hidden-sm hidden-xs"></div>
        <img class="hidden-lg" src="../../assets/hghotel_image/banner06.jpg" alt="">
        <div class="container-fluid">
            <div class="gywm_header_title hidden-xs">
                <span class="gywm_left"></span> 关于我们 <span class="gywm_right"></span>
            </div>
            <div class="row  hidden-sm hidden-md hidden-lg" style="font-size:16px;margin-top:20px;line-height:20px;text-align:center;padding:0 10px;margin-bottom: 20px;">
                <div class="col-xs-4 gywm_left"></div >
                <div class="col-xs-4" style="padding:0px;font-weight:bold;font-size:18px">关于我们</div >
                <div class="col-xs-4 gywm_right"></div>
            </div>
            <!-- 按钮 -->
            <div class="gywm_btn">
                <router-link to="/gywm/qywh" class="a_btn">企业文化</router-link>
                <router-link to="/gywm/ryhg" class="a_btn">荣誉回顾</router-link>
                <router-link to="/gywm/dwjs" class="a_btn">队伍建设</router-link>
                <router-link to="/gywm/hdfc" class="a_btn">活动风采</router-link>
            </div>
            <router-view/>
        </div>
    </div>
</template>
<script>
export default {

}
</script>
<style scoped>
    @media (min-width: 1200px) {
        .gywmPage .container-fluid{
            width: 1200px;
            padding: 0px;
        }
    }
    .gywm_img{
        width:100%;
        height: 410px;
        background:url('../../assets/hghotel_image/banner06.jpg') no-repeat center;
        background-size: cover;
    }
    .gywmPage>img{
        width: 100%;
    }
    .gywm_header_title{
        width: 100%;
        height: 125px;
        line-height: 125px;
        margin:0 auto;
        font-size: 20px;
        font-weight:bolder;
    }
    .gywm_left,.gywm_right{
        height: 1px;
        background: #8f4290;
        margin-top: 9px;
    }
    .gywm_btn{
        text-align: center;
    }
    .gywm_btn>.a_btn{
        display: inline-block;
        width: 100px;
        height: 30px;
        text-decoration: none;
        background: #8F418F;
        font: 500 17px/30px "microsoft yahei";
        color: #fff;
        margin-left: 20px;
    }
    .gywm_btn>.a_btn:nth-of-type(1){
        margin-left: 0px;
    }
    .gywm_btn>.a_btn.router-link-exact-active,
    .gywm_btn>.a_btn:hover{
        text-decoration: none;
        background: rgb(131, 86, 131);
        border-bottom: none;
    }
    /* 手机适配 */
    @media (max-width:767px) {
        .gywm_btn>.a_btn{
            display: inline-block;
            width: 60px;
            height: 30px;
            text-decoration: none;
            background: #8F418F;
            font: 500 12px/30px "microsoft yahei";
            color: #fff;
            margin-left: 10px;
        }  
    }
    @media (min-width:768px) {
        /*客房服务横线样式*/
        .gywm_left,
        .gywm_right{
            width:195px;
            height:1px;
            background: #8f4290;
            display:inline-block;
            margin-bottom: 6px;
            margin-right: 15px;
        }
        .gywm_right{
            margin-left: 15px;
        }
    } 
    
</style>